<template>
    <div class="product">
        <div>
            <img src="/img/main-img/资源13@2x-8.png">
            <span>新品上市</span>
        </div>
        <div>
            <img src="/img/main-img/资源14@2x-8.png">
            <span>多人团购</span>
        </div>
        <div>
            <img src="/img/main-img/资源16@2x-8.png">
            <span>限时秒杀</span>
        </div>
        <div><a href="#/home/discount">
            <img src="/img/main-img/资源17@2x-8.png">
            <span> 每日折扣</span></a> 
        </div>
    </div>
</template>
<script>
    export default {
        
    }
</script>
<style scoped>
    .product{
        display: flex;
        text-align: center;
        font-size: 4vw;
    }
    .product img{
        width: 9.5vw;
        height: 9.5vw;
    }
    .product span{
        margin-top: 4.5vw;
        color: rgb(101, 101, 101)
    }
</style>